$(function () {
  getUserInfo()
  // 监听退出按钮事件
  $("#btnlogout").on("click", function () {
    layui.layer.confirm(
      "您确定退出登录吗?",
      { icon: 3, title: "提示" },
      function (index) {
        //清空本地存储中的 token
        localStorage.removeItem("token")
        //重新跳转到登录页面
        location.href = "/login.html"

        //关闭 confirm 询问框
        layui.layer.close(index)
      }
    )
  })
  // 获取用户信息

  // 渲染用户的头像
})
function getUserInfo() {
  $.ajax({
    type: "get",
    url: "/my/userinfo",
    success: function (res) {
      if (res.code !== 0) {
        return layui.layer.msg("获取用户信息失败")
      }
      // 将得到的数据渲染用户头像
      renderAvatar(res.data)
    }
  })
}
function renderAvatar(user) {
  var name = user.nickname || user.username
  $("#nickname").html(`欢迎  ${name}`)
  if (user.user_pic !== null) {
    $(".layui-nav-img").attr("src", user.user_pic).show()
    $(".text-avatar").hide()
  } else {
    // 3.2 渲染文本头像
    $(".layui-nav-img").hide()
    var first = name[0].toUpperCase()
    $(".text-avatar").html(first).show()
  }
}
